import Vue from 'vue'
import VueRouter from 'vue-router'

import Login from '../views/login/Login.vue'
import menu1 from '../views/menu/menu1.vue'
import menu2 from '../views/menu/menu2.vue'
import pdf from '../views/pdf/PdfViewer.vue'
import menu4 from '../views/pdf/pdfMenu1.vue'


Vue.use(VueRouter)

// 1.创建路由组件

// 2.将组件和路由做一个映射

const routes  = [

    // 主路由
    {
        path: '/',
        name: '/mainlayout',
        component: () => import('../views/layout/MainLayout'),

    },
    {path: '/login', component: Login},
    // 懒加载
    {path: '/home', component:() => import('../views/Home.vue')},
    {path: '/user', component: () => import('../views/User.vue')},
    {path: '/menu1', component: menu1},
    {path: '/menu2', component: menu2},
    {path: '/menu3', component: pdf},
    {path: '/menu4', component: menu4},

]


// 3. 创建 router 实例
const router = new VueRouter({
    mode: 'history', // 使用 HTML5 History 模式
    routes, // short for `routes: routes`
});

// 路由守卫
// 参数 to :要访问的地址  from:当前所在页面   next:要跳转的页面
router.beforeEach((to,from,next)=>{
 /*   const token = localStorage.getItem('edb-authorization-token')
    /!**
     * 管理系统常见的两个经典的逻辑：
     *!/
    // 1.如果用户访问登录页面，但是token已经存在，跳转到首页
    if(to.path === '/login' && token){
        next({ path: '/' });
        return
    }
    // 2.如果用户访问的不是登录页面，但是没有token,跳转到登录页面
    if(to.path !== '/login' && !token){
        next({ path: '/login' });
        return
    }*/
    next()

})


// 4，对外暴露
export default router

